<!DOCTYPE html>
<!-- This file is part of Tryton.  The COPYRIGHT file at the top level of
this repository contains the full copyright notices and license terms. -->
<html style="overflow: auto;" lang="en" theme="default">
    <head>
        <meta charset="utf-8"/>
        <meta name="viewport" content="width=device-width, initial-scale=1"/>

        <title>Tryton</title>
        <link rel="icon" type="image/png" href="images/tryton-icon.png">

        <script type="text/javascript" src="bower_components/jquery/dist/jquery.js"></script>
        <script type="text/javascript" src="bower_components/bootstrap/dist/js/bootstrap.js"></script>
        <script type="text/javascript" src="bower_components/moment/moment.js"></script>
        <script type="text/javascript" src="bower_components/moment/min/locales.js"></script>
        <script type="text/javascript" src="bower_components/gettext.js/dist/gettext.js"></script>
        <script type="text/javascript" src="bower_components/d3/d3.js"></script>
        <script type="text/javascript" src="bower_components/c3/c3.js"></script>
        <script type="text/javascript" src="bower_components/papaparse/papaparse.js"></script>
        <script type="text/javascript" src="bower_components/fullcalendar/dist/fullcalendar.js"></script>
        <script type="text/javascript" src="bower_components/fullcalendar/dist/locale-all.js"></script>
        <script type="text/javascript" src="bower_components/mousetrap/mousetrap.js"></script>
        <script type="text/javascript" src="bower_components/mousetrap/plugins/pause/mousetrap-pause.js"></script>
        <script type="text/javascript" src="bower_components/Sortable/Sortable.js"></script>

        <link rel="stylesheet" href="bower_components/c3/c3.css">
        <link rel="stylesheet" href="bower_components/fullcalendar/dist/fullcalendar.css">

        <script type="text/javascript" src="dist/tryton-sao.js"></script>
        <link rel="stylesheet" type="text/css" href="dist/tryton-sao.css" media="screen"/>
        <script type="text/javascript" src="custom.js"></script>
        <link rel="stylesheet" type="text/css" href="custom.css" media="screen"/>
    </head>
    <body>
        <noscript>
            <strong>Sorry sao does not work without JavaScript enabled. Please enable it to continue.</strong>
        </noscript>
        <div class="body" style="display: none;">
            <nav class="navbar navbar-inverse navbar-static-top" role="navigation">
                <div class="container-fluid">
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle collapsed"
                                              data-toggle="collapse" data-target="#main_navbar">
                            <span class="caret"></span>
                        </button>
                        <a class="navbar-brand" href="javascript:void(0)" data-toggle="menu">
                            <span class="icon">
                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
                                    <path d="M0 0h24v24H0z" fill="none"/>
                                    <path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/>
                                </svg>
                            </span>
                            <span id="title">Tryton</span>
                        </a>
                    </div>
                    <div class="collapse navbar-collapse" id="main_navbar">
                        <form class="navbar-form navbar-left flip" role="search" id="global-search" style="border-style: none;">
                        </form>
                        <ul class="nav navbar-nav navbar-right flip">
                            <li id="user-preferences"></li>
                            <li id="user-logout">
                                <a href="#">
                                    <span class="icon hidden-xs">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
                                            <path d="M0 0h24v24H0z" fill="none"/>
                                            <path d="M10.09 15.59L11.5 17l5-5-5-5-1.41 1.41L12.67 11H3v2h9.67l-2.58 2.59zM19 3H5c-1.11 0-2 .9-2 2v4h2V5h14v14H5v-4H3v4c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"/>
                                        </svg>
                                    </span>
                                    <span class="visible-xs">
                                    </span>
                                </a>
                            </li>
                        </ul>
                        <ul id="tablist" class="nav navbar-nav nav-pills" role="tablist">
                        </ul>
                    </div>
                </div>
            </nav>
            <div id="main">
                <div id="menu" role="navigation"></div>
                <div id="tabs" class="hidden-xs" role="tabpanel">
                    <div id="tabcontent" class="tab-content"></div>
                </div>
            </div>
        </div>
        <script type="text/javascript">
            if ((typeof jQuery == 'undefined') || (typeof Sao == 'undefined')) {
                document.querySelector('body').innerHTML = '<strong>sao is not fully installed. Please refer to <a href="README.md">README</a></strong>';
            } else {
                jQuery(function() {
                    jQuery('.body').show();
                    jQuery('[data-toggle="menu"]').click(function() {
                        jQuery('#menu').toggleClass('hidden');
                        jQuery('#tabs').toggleClass('hidden-xs');
                    });
                    jQuery('#tabs').on('ready', function() {
                        var mq = window.matchMedia('(max-width: 991px)');
                        if (mq.matches) {
                            if (jQuery('#tablist').children().length) {
                                jQuery('#menu').addClass('hidden');
                                jQuery('#tabs').removeClass('hidden-xs');
                            } else {
                                jQuery('#menu').removeClass('hidden');
                                jQuery('#tabs').addClass('hidden-xs');
                            }
                        }
                    });
                    jQuery('#main_navbar').on('click', 'a', function() {
                        jQuery('#main_navbar').collapse('hide');
                    });
                });
            }
            if (navigator.userAgent.indexOf('iPhone') > -1) {
                let viewport = document.querySelector('[name=viewport]');
                viewport.setAttribute('content',
                    [viewport.getAttribute('content'), 'maximum-scale=1'].join(', '));
            }
        </script>
    </body>
</html>
